<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <!--====== Required meta tags ======-->
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!--====== Title ======-->
        <title>Vedhak - Adventure Tours and Travel HTML Template</title>
        <!--====== Favicon Icon ======-->
       
        <!--====== Flaticon css ======-->
        <link rel="stylesheet" th:href="@{/css/flaticon.css}">
        <!--====== FontAwesome css ======-->
        <link rel="stylesheet" th:href="@{/css/all.min.css}">
        <!--====== Bootstrap css ======-->
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
        <!--====== magnific-popup css ======-->
        <link rel="stylesheet" th:href="@{/css/magnific-popup.css}">
        <!--====== Slick-popup css ======-->
        <link rel="stylesheet" th:href="@{/css/slick.css}">
        <!--====== Jquery UI css ======-->
        <link rel="stylesheet" th:href="@{/css/jquery-ui.min.css}">
        <!--====== Nice Select css ======-->
        <link rel="stylesheet" th:href="@{/css/nice-select.css}">
        <!--====== Animate css ======-->
        <link rel="stylesheet" th:href="@{/css/animate.css}">
        <!--====== Default css ======-->
        <link rel="stylesheet" th:href="@{/css/default.css}">
        <!--====== Style css ======-->
        <link rel="stylesheet" th:href="@{/css/style.css}">
    </head>
    <body>
        <!--====== Start Preloader ======-->
        <div class="preloader">
            <div class="loader">
                <div class="pre-shadow"></div>
                <div class="pre-box"></div>
            </div>
        </div><!--====== End Preloader ======-->
        <!--====== Search From ======-->
		<div class="modal fade search-modal" id="search-modal">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form>
                        <div class="form_group">
                        	<input type="text" class="form_control" placeholder="Search here" name="search">
                        	<label><i class="fa fa-search"></i></label>
                        </div>
                    </form>
                </div>
            </div>
        </div><!--====== Search From ======-->
        <!--====== Start Header  ======-->
        <header class="header-area transparent-header"> 
            <div class="container-fluid">
                <!--=== Top Bar ===-->
                <div class="top-bar d-none d-lg-block dark-green-bg text-white">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="top-left">
                                <span><i class="far fa-envelope-open"></i><a th:href="@{email-protection.html#73000603031c010733141e121a1f5d101c1e}"><span class="__cf_email__" data-cfemail="ed9e989d9d829f99ad8a808c8481c38e8280">[email&#160;protected]</span></a></span>
                                <span><i class="far fa-map-marker-alt"></i>552 Main Street, Melbourne, Australia</span>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="top-right d-flex float-lg-end">
                                <span><i class="far fa-phone"></i><a th:href="@{tel:+000(123)45688}">+000 (123) 456 88</a></span>
                                <ul class="social-link">
                                    <li><a th:href="@{/index0}"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-twitter"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-instagram"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--=== Header Navigation ===-->
                <div class="header-navigation navigation-three navigation-white">
                    <div class="nav-overlay"></div>
                    <!--=== Primary Menu ===-->
                    <div class="primary-menu">
                        <!--=== Site Branding ===-->
                        <div class="site-branding">
                            <a th:href="@{/index1}" class="brand-logo"><img th:src="@{/picture/logo-white.png}" alt="Site Logo"></a>
                        </div>
                        <!--=== Nav Inner Menu ===-->
                        <div class="nav-menu">
                            <!--=== Mobile Logo ===-->
                            <div class="mobile-logo mb-30 d-block d-xl-none text-center">
                                <a th:href="@{/index1}" class="brand-logo"><img th:src="@{/picture/logo-black.png}" alt="Site Logo"></a>
                            </div>
                            <!--=== Nav Search ===-->
                            <div class="nav-search mb-30 d-block d-xl-none ">
                                <form>
                                    <div class="form_group">
                                        <input type="email" class="form_control" placeholder="Search Here" name="email" required="">
                                        <button class="search-btn"><i class="fas fa-search"></i></button>
                                    </div>
                                </form>
                            </div>
                            <!--=== Main Menu ===-->
                            <nav class="main-menu">
                                <ul>
                                    <li class="menu-item has-children"><a href="">Home</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/index1}">Home 01</a></li>
                                            <li><a th:href="@{/index2}">Home 02</a></li>
                                            <li><a th:href="@{/index0}">Home 03</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a th:href="@{/accommodation-grid}">Accommodation</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/accommodation-grid}">ACD Grid</a></li>
                                            <li><a th:href="@{/accommodation-standard}">ACD Standard</a></li>
                                            <li><a th:href="@{/accommodation-slider}">ACD Slider</a></li>
                                            <li><a th:href="@{/accommodation-details}">ACD Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a th:href="@{/blog-standard}">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/blog-standard}">Blog Standard</a></li>
                                            <li><a th:href="@{/blog-details}">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a th:href="@{/about}">Pages</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/about}">About Us</a></li>
                                            <li><a th:href="@{/gallery}">Our Gallery</a></li>
                                            <li><a th:href="@{/faq}">Faq</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item"><a th:href="@{/contact}">Contact</a></li>
                                    <li class="menu-item"><a class="search-btn" th:href="@{/index0}" data-bs-toggle="modal" data-bs-target="#search-modal"><i class="far fa-search"></i></a></li>
                                </ul>
                            </nav>
                            <!--=== Nav Button ===-->
                            <div class="menu-button mt-40 d-xl-none">
                                <a th:href="@{/contact}" class="main-btn btn-yellow">Book now<i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                        <!--=== Nav right Item ===-->
                        <div class="nav-right-item d-flex align-items-center">
                            <div class="menu-button d-xl-block d-none">
                                <a th:href="@{/contact}" class="main-btn btn-yellow">Book now<i class="far fa-angle-double-right"></i></a>
                            </div>
                            <div class="lang-dropdown">
                                <select class="wide">
                                    <option value="English">English</option>
                                    <option value="English">English</option>
                                </select>
                            </div>
                            <div class="navbar-toggler">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header><!--====== End Header  ======-->
        <!--====== Start Banner Section ======-->
        <section class="banner-section">
            <div class="hero-wrapper-three p-r z-1">
                <div class="shape hero-shape wow fadeInUp"><span><img th:src="@{/picture/pattern-1.png}" alt="Pattern Image"></span></div>
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-12">
                            <div class="hero-content text-white" data-wow-delay=".4s">
                                <h1 class="wow fadeInLeft">Travel & 
                                    Adventure
                                    Camping</h1>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-12">
                            <div class="hero-area-form wow fadeInRight" data-wow-delay=".6s">
                                <form class="adventure-hero-form">
                                    <div class="row">
                                        <div class="col-xl-6 col-lg-12">
                                            <div class="form_group">
                                                <span>Check In</span>
                                                <label><i class="far fa-calendar-alt"></i></label>
                                                <input type="text" class="form_control datepicker" placeholder="Select Date">
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-12">
                                            <div class="form_group">
                                                <span>Check Out</span>
                                                <label><i class="far fa-calendar-alt"></i></label>
                                                <input type="text" class="form_control datepicker" placeholder="Select Date">
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-12">
                                            <div class="form_group">
                                                <span>Guest</span>
                                                <label><i class="far fa-user"></i></label>
                                                <input type="text" class="form_control" placeholder="Persons">
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-12">
                                            <div class="form_group">
                                                <span>Accommodations</span>
                                                <select class="wide">
                                                    <option data-display="Accommodations">Accommodations</option>
                                                    <option value="01">Classic Tent</option>
                                                    <option value="02">Forest Camping</option>
                                                    <option value="03">Small Trailer</option>
                                                    <option value="04">Tree House Tent</option>
                                                    <option value="05">Tent Camping</option>
                                                    <option value="06">Couple Tent</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form_group">
                                                <button class="main-btn btn-green">Check availability<i class="far fa-angle-double-right"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="video-wrapper p-r z-1 bg_cover wo0w fadeInDown" style="background-image: url(assets/images/bg/video-bg-2.jpg);">
                                <div class="play-content text-center">
                                    <a th:href="javascript:;" class="video-popup"><i class="fas fa-play"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
        </section><!--====== End Banner Section ======-->
        <!--====== Start Features Section ======-->
        <section class="features-section pt-90 pb-50">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-10">
                        <div class="section-title text-center mb-50 wow fadeInUp">
                            <span class="sub-title"><span class="number">01</span> Enjoy Adventure</span>
                            <h2>Have A Fun With Our Amazing <span class="thin">Camping Ground</span></h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                        <div class="fancy-icon-box-three mb-40 wow fadeInDown">
                            <div class="icon">
                                <i class="flaticon-cottage-1"></i>
                            </div>
                            <div class="text">
                                <h5 class="title">Private Cottages</h5>
                                <p>Sit amet consece adipiscing
                                    donec et fusce tellus</p>
                                <a th:href="@{/about}" class="btn-link">Read More <i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                        <div class="fancy-icon-box-three mb-40 wow fadeInUp">
                            <div class="icon">
                                <i class="flaticon-tent-6"></i>
                            </div>
                            <div class="text">
                                <h5 class="title">Tents on Rent</h5>
                                <p>Sit amet consece adipiscing
                                    donec et fusce tellus</p>
                                <a th:href="@{/about}" class="btn-link">Read More <i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                        <div class="fancy-icon-box-three mb-40 wow fadeInDown">
                            <div class="icon">
                                <i class="flaticon-hiking-1"></i>
                            </div>
                            <div class="text">
                                <h5 class="title">Summer Camp</h5>
                                <p>Sit amet consece adipiscing
                                    donec et fusce tellus</p>
                                <a th:href="@{/about}" class="btn-link">Read More <i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                        <div class="fancy-icon-box-three mb-40 wow fadeInUp">
                            <div class="icon">
                                <i class="flaticon-campfire-1"></i>
                            </div>
                            <div class="text">
                                <h5 class="title">Wood Fire</h5>
                                <p>Sit amet consece adipiscing
                                    donec et fusce tellus</p>
                                <a th:href="@{/about}" class="btn-link">Read More <i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Features Section ======-->
        <!--====== Start About Section ======-->
        <section class="about-section pb-50">
            <div class="container">
                <div class="row align-items-xl-center">
                    <div class="col-xl-7 col-lg-6">
                        <div class="about-two_image-box mb-50">
                            <img th:src="@{/picture/about-4.jpg}" class="wow fadeInUp" alt="About Image">
                            <div class="avatar-box-item wow fadeInDown">
                                <h6>We Have a Awesome Team</h6>
                                <ul class="avatar-images">
                                    <li><a th:href="@{/index0}" data-bs-toggle="tooltip" data-bs-title="Default tooltip"><img th:src="@{/picture/t-1.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}"><img th:src="@{/picture/t-2.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}"><img th:src="@{/picture/t-3.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}"><img th:src="@{/picture/t-4.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}"><img th:src="@{/picture/t-5.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}"><img th:src="@{/picture/t-6.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}"><img th:src="@{/picture/t-7.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}"><img th:src="@{/picture/t-8.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}"><img th:src="@{/picture/t-9.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}"><img th:src="@{/picture/t-10.jpg}" alt="Avatar Image"></a></li>
                                    <li><a th:href="@{/index0}" class="more-icon"><i class="far fa-plus"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6">
                        <div class="about-content-box pl-lg-50 mb-50 wow fadeInRight">
                            <div class="section-title mb-20">
                                <span class="sub-title"><span class="number">02</span> About Us</span>
                                <h2>We’re Most Trusted Travel<span class="thin"> Partner Around The World</span></h2>
                            </div>
                            <p class="mb-30">Sit amet consectetur adipiscing elit. At donec etfusce orci tellus aliquam vitae. Metus nibh laoreet velit diam enimusto
                                sagittis fringilla ulputatey honcus justo, cras sed</p>
                            <ul class="check-style-two check-width-50">
                                <li><i class="flaticon-draw-check-mark"></i>Tent Camping</li>
                                <li><i class="flaticon-draw-check-mark"></i>Family Camping</li>
                                <li><i class="flaticon-draw-check-mark"></i>Couple Camping</li>
                                <li><i class="flaticon-draw-check-mark"></i>Wid Camping</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End About Section ======-->
        <!--====== Start CTA Section ======-->
        <section class="cta-section">
            <div class="container-fluid">
                <div class="cta-bg-wrapper bg_cover pt-220 pb-70 wow fadeInUp" style="background-image: url(assets/images/bg/cta-bg-2.jpg);">
                    <div class="row justify-content-end">
                        <div class="col-xl-5 col-lg-8">
                            <div class="cta-content-wrapper mr-lg-70 ml-auto wow fadeInRight">
                                <h3 class="title">Discover Luxury Hotel and Restaurant
                                    Food Menus</h3>
                                <p>Sit amet consectetur adipiscing elit donec etfusce orci tellus aliquam vitae. Metus nibhey
                                    laoreet velit diam enimusto</p>
                                <a th:href="@{/index0}" class="main-btn btn-green">Discover more<i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End CTA Section ======-->
        <!--====== Start Features Section ======-->
        <section class="features-section pt-90">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-5 col-lg-10 wow fadeInDown">
                        <div class="section-title text-center mb-50">
                            <span class="sub-title"><span class="number">03</span>Why Choose Us</span>
                            <h2>Traveler Why Choose <span class="thin">Our Tent Camping</span></h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 col-md-12">
                        <div class="features-left-icon-box-two mb-30 wow fadeInUp">
                            <div class="icon">
                                <i class="flaticon-tent-4"></i>
                            </div>
                            <div class="text">
                                <h6 class="title">Facilities/Prices</h6>
                                <p>Undertakes laborious physical exercise except to
                                    obtain some advantage has any right</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="features-left-icon-box-two mb-30 wow fadeInDown">
                            <div class="icon">
                                <i class="flaticon-sports"></i>
                            </div>
                            <div class="text">
                                <h6 class="title">Outdoor Sports</h6>
                                <p>These cases are perfectly simple and distinguish
                                    power of choice untrammelled nothing</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="features-left-icon-box-two mb-30 wow fadeInUp">
                            <div class="icon">
                                <i class="flaticon-tent-4"></i>
                            </div>
                            <div class="text">
                                <h6 class="title">Well Canoeing</h6>
                                <p>Quis autem vel eum sure reprehenderit voluptate
                                    velit esse quam molestiae consequatur</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="features-left-icon-box-two mb-30 wow fadeInDown">
                            <div class="icon">
                                <i class="flaticon-hiking-2"></i>
                            </div>
                            <div class="text">
                                <h6 class="title">Adventure Park</h6>
                                <p>Quis autem vel eum sure reprehenderit voluptate
                                    velit esse quam molestiae consequatur</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Features Section ======-->
        <!--====== Start Features Section ======-->
        <section class="features-section pt-70 pb-50">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="features-image-box mb-50 wow fadeInLeft">
                            <img th:src="@{/picture/features-2.jpg}" alt="Features Image">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="features-content-box pl-lg-70 mb-50 wow fadeInRight">
                            <div class="section-title mb-20">
                                <span class="sub-title"><span class="number">04</span>Discover More</span>
                                <h2>Explore Better Camping <span class="thin">to Better Acceptions</span></h2>
                            </div>
                            <p class="mb-40">Sit amet consectetur adipiscing elit. Venenatis amet ut elemen tumsem
                                nec ipsum, tincidunt risus maecenas. Ut volutpat quis mollis neque nunc
                                aliquet et. Condimentum habitant arcu malesuada odio luct ultrices. A felis, ipsum sit tempor praesent eu vitae tellus porttitor</p>
                            <a th:href="@{/about}" class="main-btn btn-yellow">Discover more <i class="far fa-angle-double-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Features Section ======-->
        <!--====== Start Gallery Section ======-->
        <section class="gallery-section">
            <div class="container-fluid">
                <div class="gallery-slider-two wow fadeInDown">
                    <div class="single-gallery-item-two">
                        <div class="gallery-img">
                            <img th:src="@{/picture/gl-5.jpg}" alt="gallery image">
                            <div class="hover-content">
                                <div class="inner-content">
                                    <a th:href="@{/index0}" class="cat-btn">Tree House</a>
                                    <h6>Couple Camping</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-gallery-item-two">
                        <div class="gallery-img">
                            <img th:src="@{/picture/gl-6.jpg}" alt="gallery image">
                            <div class="hover-content">
                                <div class="inner-content">
                                    <a th:href="@{/index0}" class="cat-btn">Tree House</a>
                                    <h6>Couple Camping</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-gallery-item-two">
                        <div class="gallery-img">
                            <img th:src="@{/picture/gl-7.jpg}" alt="gallery image">
                            <div class="hover-content">
                                <div class="inner-content">
                                    <a th:href="@{/index0}" class="cat-btn">Tree House</a>
                                    <h6>Couple Camping</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-gallery-item-two">
                        <div class="gallery-img">
                            <img th:src="@{/picture/gl-8.jpg}" alt="gallery image">
                            <div class="hover-content">
                                <div class="inner-content">
                                    <a th:href="@{/index0}" class="cat-btn">Tree House</a>
                                    <h6>Couple Camping</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-gallery-item-two">
                        <div class="gallery-img">
                            <img th:src="@{/picture/gl-6.jpg}" alt="gallery image">
                            <div class="hover-content">
                                <div class="inner-content">
                                    <a th:href="@{/index0}" class="cat-btn">Tree House</a>
                                    <h6>Couple Camping</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Gallery Section ======-->
        <!--====== Start Testimonial Section ======-->
        <section class="testimonial-section pt-95 pb-100">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-5 col-lg-10">
                        <div class="section-title text-center mb-50 wow fadeInDown">
                            <span class="sub-title"><span class="number">05</span>Testimonials</span>
                            <h2>What Our Client Say <span class="thin">About Us</span></h2>
                        </div>
                    </div>
                </div>
                <div class="testimonial-slider-three wow fadeInUp">
                    <div class="single-testimonial-item-three">
                        <div class="testimonial-inner-content">
                            <div class="testimonial-thumb">
                                <img th:src="@{/picture/thumb-1.jpg}" alt="Author Thumb">
                            </div>
                            <div class="testimonial-content">
                                <div class="author-title mb-20">
                                    <h4>Malcolm K. Monks</h4>
                                    <span>CEO & Founder</span>
                                </div>
                                <p>Sit amet consectetur adipiscing congue pose 
                                    habit ante dignissim faucibus tincidunt vulputate
                                    ullamcorper mattis quisque esta sidiculus</p>
                                <ul class="ratings">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="single-testimonial-item-three">
                        <div class="testimonial-inner-content">
                            <div class="testimonial-thumb">
                                <img th:src="@{/picture/thumb-1.jpg}" alt="Author Thumb">
                            </div>
                            <div class="testimonial-content">
                                <div class="author-title mb-20">
                                    <h4>Malcolm K. Monks</h4>
                                    <span>CEO & Founder</span>
                                </div>
                                <p>Sit amet consectetur adipiscing congue pose 
                                    habit ante dignissim faucibus tincidunt vulputate
                                    ullamcorper mattis quisque esta sidiculus</p>
                                <ul class="ratings">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="single-testimonial-item-three">
                        <div class="testimonial-inner-content">
                            <div class="testimonial-thumb">
                                <img th:src="@{/picture/thumb-1.jpg}" alt="Author Thumb">
                            </div>
                            <div class="testimonial-content">
                                <div class="author-title mb-20">
                                    <h4>Malcolm K. Monks</h4>
                                    <span>CEO & Founder</span>
                                </div>
                                <p>Sit amet consectetur adipiscing congue pose 
                                    habit ante dignissim faucibus tincidunt vulputate
                                    ullamcorper mattis quisque esta sidiculus</p>
                                <ul class="ratings">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="single-testimonial-item-three">
                        <div class="testimonial-inner-content">
                            <div class="testimonial-thumb">
                                <img th:src="@{/picture/thumb-1.jpg}" alt="Author Thumb">
                            </div>
                            <div class="testimonial-content">
                                <div class="author-title mb-20">
                                    <h4>Malcolm K. Monks</h4>
                                    <span>CEO & Founder</span>
                                </div>
                                <p>Sit amet consectetur adipiscing congue pose 
                                    habit ante dignissim faucibus tincidunt vulputate
                                    ullamcorper mattis quisque esta sidiculus</p>
                                <ul class="ratings">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Testimonial Section ======-->
        <!--====== Start Fun Section ======-->
        <section class="fun-section">
            <div class="container-fluid">
                <div class="counter-bg-wrapper dark-green-bg text-white pt-60 pb-25 bg_cover" style="background-image: url(assets/images/bg/fun-bg-1.png)">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-3 col-md-6 col-sm-6">
                                <div class="counter-item mb-30 d-flex justify-content-center wow fadeInDown">
                                    <div class="counter-inner-item">
                                        <div class="icon">
                                            <i class="flaticon-hiking"></i>
                                        </div>
                                        <div class="text">
                                            <h2><span class="count">365</span>K+</h2>
                                            <p>Happy Traveler</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-sm-6">
                                <div class="counter-item mb-30 d-flex justify-content-center wow fadeInUp">
                                    <div class="counter-inner-item">
                                        <div class="icon">
                                            <i class="flaticon-tent-1"></i>
                                        </div>
                                        <div class="text">
                                            <h2><span class="count">135</span>+</h2>
                                            <p>Tent Sites</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-sm-6">
                                <div class="counter-item mb-30 d-flex justify-content-center wow fadeInDown">
                                    <div class="counter-inner-item">
                                        <div class="icon">
                                            <i class="flaticon-branch"></i>
                                        </div>
                                        <div class="text">
                                            <h2><span class="count">458</span>+</h2>
                                            <p>Global Branch</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-sm-6">
                                <div class="counter-item mb-30 d-flex justify-content-center wow fadeInUp">
                                    <div class="counter-inner-item">
                                        <div class="icon">
                                            <i class="flaticon-tent-2"></i>
                                        </div>
                                        <div class="text">
                                            <h2><span class="count">985</span>+</h2>
                                            <p>Family Camping</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Fun Section ======-->
        <!--====== Start Blog Section ======-->
        <section class="blog-section pt-90 pb-70">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-6">
                        <div class="section-title text-center mb-50 wow fadeInDown">
                            <span class="sub-title"><span class="number">06</span>News & Blog</span>
                            <h2>Read Every News & Blog <span class="thin">Articles & Tips</span></h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-4 col-md-6 col-sm-12">
                        <div class="single-blog-post-bg-item mb-40 wow fadeInUp">
                            <div class="hover-bg bg_cover" style="background-image: url(static/image/hover-bg.jpg);"></div>
                            <div class="entry-content">
                                <a th:href="@{/blog-details}" class="cat-btn">Camping</a>
                                <h4 class="title"><a th:href="@{/blog-details}">It’s Was Time December
                                    2022 Desktop Edition</a></h4>
                                <div class="post-author-thumb d-flex align-items-center">
                                    <img th:src="@{/picture/author-2.jpg}" alt="author image">
                                    <a th:href="@{/index0}">William H. Jackson</a>
                                </div>
                                <div class="post-meta">
                                    <ul>
                                        <li><span><a th:href="@{/index0}"><i class="far fa-calendar-alt"></i> November 23,2022</a></span></li>
                                    </ul>
                                </div>
                                <a th:href="@{/blog-details}" class="btn-link">Read More<i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 col-sm-12">
                        <div class="single-blog-post-bg-item mb-40 wow fadeInDown">
                            <div class="hover-bg bg_cover" style="background-image: url(static/image/hover-bg.jpg);"></div>
                            <div class="entry-content">
                                <a th:href="@{/blog-details}" class="cat-btn">Adventure</a>
                                <h4 class="title"><a th:href="@{/blog-details}">Building Dynamic Head
                                    With Inter Observer</a></h4>
                               <div class="post-author-thumb d-flex align-items-center">
                                    <img th:src="@{/picture/author-3.jpg}" alt="author image">
                                    <a th:href="@{/index0}">James D. Garcia</a>
                                </div>
                                <div class="post-meta">
                                    <ul>
                                        <li><span><a href="#"><i class="far fa-calendar-alt"></i> November 23,2022</a></span></li>
                                    </ul>
                                </div>
                                <a th:href="@{/blog-details}" class="btn-link">Read More<i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 col-sm-12">
                        <div class="single-blog-post-bg-item mb-40 wow fadeInUp">
                            <div class="hover-bg bg_cover" style="background-image: url(static/image/hover-bg.jpg);"></div>
                            <div class="entry-content">
                                <a th:href="@{/blog-details}" class="cat-btn">Camping</a>
                                <h4 class="title"><a th:href="@{/blog-details}">Rise Of Design Thinking
                                    Solving Strategy</a></h4>
                                <div class="post-author-thumb d-flex align-items-center">
                                    <img th:src="@{/picture/author-4.jpg}" alt="author image">
                                    <a th:href="@{/index0}">Dale V. Hornback</a>
                                </div>
                                <div class="post-meta">
                                    <ul>
                                        <li><span><a th:href="@{/index0}"><i class="far fa-calendar-alt"></i> November 23,2022</a></span></li>
                                    </ul>
                                </div>
                                <a th:href="@{/blog-details}" class="btn-link">Read More<i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Blog Section ======-->
        <!--====== Start Footer ======-->
        <footer class="footer-default dark-black-bg text-white">
            <div class="container">
                <div class="footer-newsletter pt-80 pb-40">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="section-title mb-30 wow fadeInLeft">
                                <h2>Subscribe Our Newsletter<span class="thin">Get Every Update</span></h2>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="newsletter-form mb-30 wow fadeInRight">
                                <form>
                                    <div class="form_group">
                                        <label><i class="far fa-envelope-open"></i></label>
                                        <input type="email" class="form_control" placeholder="Email Address" required="">
                                        <button class="main-btn btn-green">Subscribe<i class="far fa-angle-double-right"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-widget-area pt-80 pb-30">
                    <div class="row">
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget about-company-widget mb-40 wow fadeInDown">
                                <a th:href="@{/index1}" class="footer-logo"><img th:src="@{/picture/logo-white.png}" alt="Brand Logo"></a>
                                <p>Sit amet consectetur adipiscinelit
                                    Sem et aliquam enimdeassa ornare
                                    vulputate neque feugiat secursun
                                    blandit volutpat hendr mauris</p>
                                <ul class="social-link">
                                    <li><a th:href="@{/index0}"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-twitter"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-instagram"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-md-6">
                            <div class="footer-widget footer-nav-widget pl-lg-55 mb-40 wow fadeInUp">
                                <h4 class="widget-title">Links</h4>
                                <div class="footer-nav-content">
                                    <ul class="footer-nav">
                                        <li><a th:href="@{/index0}">Home</a></li>
                                        <li><a th:href="@{/index0}">Pricing</a></li>
                                        <li><a th:href="@{/index0}">About us</a></li>
                                        <li><a th:href="@{/index0}">Features</a></li>
                                        <li><a th:href="@{/index0}">Blog</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-md-6">
                            <div class="footer-widget footer-nav-widget pl-lg-20 mb-40 wow fadeInDown">
                                <h4 class="widget-title">Services</h4>
                                <div class="footer-nav-content">
                                    <ul class="footer-nav">
                                        <li><a th:href="@{/index0}">Caravan Soler Tent</a></li>
                                        <li><a th:href="@{/index0}">Family Tent Camping</a></li>
                                        <li><a th:href="@{/index0}">Classic Tent Camping</a></li>
                                        <li><a th:href="@{/index0}">Wild Tent Camping</a></li>
                                        <li><a th:href="@{/index0}">Bell Glamp One</a></li>
                                        <li><a th:href="@{/index0}">Small Cabin Wood</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-md-6">
                            <div class="footer-widget footer-nav-widget pl-lg-70 mb-40 wow fadeInUp">
                                <h4 class="widget-title">Support</h4>
                                <div class="footer-nav-content">
                                    <ul class="footer-nav">
                                        <li><a th:href="@{/index0}">Meet Our Team</a></li>
                                        <li><a th:href="@{/index0}">Item Support</a></li>
                                        <li><a th:href="@{/index0}">Contact Foram</a></li>
                                        <li><a th:href="@{/index0}">Report Abuse</a></li>
                                        <li><a th:href="@{/index0}">Live</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="footer-widget contact-info-widget pl-lg-100 mb-40 wow fadeInDown">
                                <div class="contact-info-box mb-35">
                                    <h4 class="title">Location</h4>
                                    <p><i class="far fa-map-marker-alt"></i><span>119 Tanglewood Lane
                                        Gulfport, MS 39503</span></p>
                                </div>
                                <div class="contact-info-box mb-35">
                                    <h4 class="title">Contact</h4>
                                    <p><i class="far fa-envelope"></i><a th:href="@{email-protection.html#5e2d2b2e2e312c2a1e39333f3732703d3133}"><span class="__cf_email__" data-cfemail="05767075756a7771456268646c692b666a68">[email&#160;protected]</span></a></p>
                                    <p><i class="far fa-phone"></i><a th:href="@{tel:+000(123)4566}">+000 (123) 45 66</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--=== Copyright Area ===-->
                <div class="copyright-area">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="copyright-text">
                                <p>Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://www.17sucai.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="copyright-nav float-lg-end">
                                <ul>
                                    <li><a th:href="@{/index0}">Setting & Privacy</a></li>
                                    <li><a th:href="@{/index0}">Faqs</a></li>
                                    <li><a th:href="@{/index0}">Food Menu</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer><!--====== End Footer ======-->
        <!--====== Back To Top  ======-->
        <a th:href="@{/index0}" class="back-to-top"><i class="far fa-angle-up"></i></a>
        <!--====== Jquery js ======-->
        <script data-cfasync="false" th:src="@{/js/email-decode.min.js}"></script><script th:src="@{/js/jquery-3.6.0.min.js}"></script>
        <!--====== Bootstrap js ======-->
        <script th:src="@{/js/popper.min.js}"></script>
        <!--====== Bootstrap js ======-->
        <script th:src="@{/js/bootstrap.min.js}"></script>
        <!--====== Slick js ======-->
        <script th:src="@{/js/slick.min.js}"></script>
        <!--====== Magnific js ======-->
        <script th:src="@{/js/jquery.magnific-popup.min.js}"></script>
        <!--====== Isotope js ======-->
        <script th:src="@{/js/isotope.min.js}"></script>
        <!--====== Imagesloaded js ======-->
        <script th:src="@{/js/imagesloaded.min.js}"></script>
        <!--====== Counterup js ======-->
        <script th:src="@{/js/jquery.counterup.min.js}"></script>
        <!--====== Waypoints js ======-->
        <script th:src="@{/js/jquery.waypoints.js}"></script>
        <!--====== Nice-select js ======-->
        <script th:src="@{/js/jquery.nice-select.min.js}"></script>
        <!--====== jquery UI js ======-->
        <script th:src="@{/js/jquery-ui.min.js}"></script>
        <!--====== WOW js ======-->
        <script th:src="@{/js/wow.min.js}"></script>
        <!--====== Main js ======-->
        <script th:src="@{/js/theme.js}"></script>
    </body>
</html>